<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Manage</title>
    <script src="../lib/jquery/jquery-1.12.4.min.js"></script>
    <script src="../lib/bootstrap/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/style.css">
</head>
<body>
    <header>
      <nav class="navbar navbar-default navbar-inverse" style="margin-bottom: 0;">
          <div class="container-fluid">
              <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                  <span class="sr-only">Toggle navigation</span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="manage.html">行政管理系统</a>
              </div>

              <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                  <ul class="nav navbar-nav navbar-right">
                      <li><img src="../imgs/man.png" style="margin-top: 5px;"></li>
                      <li><a href="#"  class="login-success">您好!欢迎登录</a></li>
                      <li><a href="#" class="link-logout">退出登录</a></li>
                  </ul>
              </div>
        </div>
      </nav>
    </header>

    <div class="time-whether col-md-12">
      <div class="uu"></div>
      <div class="us"></div>
      <div class="weather"></div>
      <i class="glyphicon glyphicon-cloud"></i>
    </div>    
    <div class="container-fluid">
    <div class="row">
      <!--左侧边导航-->
      <ul class="col-md-2">
        <li class="sy-btn">
          <i class="glyphicon glyphicon-th-large"></i>
          <a href="#">首页</a>
        </li>
        <li class="man-btn">
          <i class="glyphicon glyphicon-user"></i>
          <a href="#">人事管理</a>
        </li>
        <li class="part-btn">
          <i class="glyphicon glyphicon-home"></i>
          <a href="#">部门管理</a>
        </li>
        <li class="more-btn">
          <i class="glyphicon glyphicon-align-left"></i>
          <a href="#">more</a></li>
      </ul>

      <div class="col-md-10" id="content">
        <p>欢迎登录后台管理系统~~~~~~</p>
      </div>
    </div>
  </div>
  <script src="/lib/jquery/jquery-1.12.4.min.js"></script>
  <script src="/lib/bootstrap/js/bootstrap.min.js"></script>
  <script src="/lib/ejs/ejs.min.js"></script>
  <script type="text/javascript" src="../js/common/header.js"></script>
  <script type="text/javascript" src="../js/common/sy.js"></script>
  <script type="text/javascript" src="../js/common/man.js"></script>
  <script type="text/javascript" src="../js/common/part.js"></script>
  <script type="text/javascript" src="../js/common/more.js"></script>
  <script>
    $(function () {
        $('#myTab a:last').tab('show');
    })
    $('#myTab a').click(function (e) {
        e.preventDefault();
        $(this).tab('show');
    })
</script>
</body>
</html>
